/* 大于1400px的样式 */
.xxlg-hide {
    display: none;
}
.xxlg-flex {
    display: flex;
}
.col-xxlg-1 {
    width: 8.33333333%;
}
.col-xxlg-2 {
    width: 16.6666667%;
}
.col-xxlg-3 {
    width: 25%;
}
.col-xxlg-4 {
    width: 33.33333333%;
}
.col-xxlg-5 {
    width: 41.6666667%;
}
.col-xxlg-6 {
    width: 50%;
}
.col-xxlg-7 {
    width: 58.33333333;
}
.col-xxlg-8 {
    width: 66.6666667%;
}
.col-xxlg-9 {
    width: 75%;
}
.col-xxlg-10 {
    width: 83.33333333%;
}
.col-xxlg-11 {
    width: 91.6666667%;
}
.col-xxlg-12 {
    width: 100%;
}



/* 屏幕宽>1200px,同时<=1400px时，样式写在这里 */
@media screen and (max-width:1400px) {
    .menu {
        width: 75px;
        overflow: hidden;
    }
    .main {
        margin-left: 105px;
    }
    .xlg-show {
        display: block;
    }
    .col-xlg-1 {
        width: 8.33333333%;
    }
    .col-xlg-2 {
        width: 16.6666667%;
    }
    .col-xlg-3 {
        width: 25%;
    }
    .col-xlg-4 {
        width: 33.33333333%;
    }
    .col-xlg-5 {
        width: 41.6666667%;
    }
    .col-xlg-6 {
        width: 50%;
    }
    .col-xlg-7 {
        width: 58.33333333;
    }
    .col-xlg-8 {
        width: 66.6666667%;
    }
    .col-xlg-9 {
        width: 75%;
    }
    .col-xlg-10 {
        width: 83.33333333%;
    }
    .col-xlg-11 {
        width: 91.6666667%;
    }
    .col-xlg-12 {
        width: 100%;
    }
}

/* 屏幕宽>1200px,同时<=1300px时，样式写在这里 */
@media screen and (max-width:1300px) {
    .menu {
        display: none;
    }
    .main {
        margin-left: 10px;
    }
}

/* 屏幕宽>992px,同时<=1200px时，样式写在这里 */
@media screen and (max-width:1200px) {
    .main-row .col-gap2 {
        padding-top: 10px;
    }
    .main-row .col .main-row1 {
        padding: 33px 31px 25px 30px;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-2 {
        width: 16.6666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-5 {
        width: 41.6666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.33333333;
    }
    .col-lg-8 {
        width: 66.6666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-11 {
        width: 91.6666667%;
    }
    .col-lg-12 {
        width: 100%;
    }
}

/* 屏幕宽>768px,同时<=992px时，样式写在这里 */
@media screen and (max-width:992px) {
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-2 {
        width: 16.6666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-5 {
        width: 41.6666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.33333333;
    }
    .col-md-8 {
        width: 66.6666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-11 {
        width: 91.6666667%;
    }
    .col-md-12 {
        width: 100%;
    }
}

/* 屏幕宽>576px,同时<=768px时，样式写在这里 */
@media screen and (max-width:768px) {
    .main-row .col-sm-gap {
        padding-top: 10px;
    }
    .sm-show {
        display: block;
    }
    .sm-hide {
        display: none;
    }
    .sm-flex {
        display: flex;
    }
    .header .header-content ul {
        position: absolute;
        width: 98px;
        top: 75px;
        left: 124px;
        background-color: #fff;
        box-shadow: 0 2px 4px #ddd;
    }
    .header .header-content ul:hover {
        display: block;
    }
    .header .header-content ul li {
        width: 100%;
    }
    .header .header-content ul li a {
        width: 100%;
        border-radius: 0;
    }
    .main-row .col .main-row1 {
        padding: 65px 60px 49px 57px;
    }
    .main-row .col .main-row1 .col-1-title {
        font-size: 38.46px;
    }
    .main-row .col .main-row1 .col-1-content p{
        font-size: 30.77px;
    }
    .main-row .col .main-row1 .col-1-content span{
        font-size: 57.69px;
    }
    .main-row .col .main-row1 .col-1-a {
        font-size: 30.77px;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-2 {
        width: 16.6666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-5 {
        width: 41.6666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.33333333;
    }
    .col-sm-8 {
        width: 66.6666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-11 {
        width: 91.6666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
}

/* 屏幕宽<=576px样式写在这里 */
@media screen and (max-width:576px) {
    .col-1 {
        width: 8.33333333%;
    }
    .col-2 {
        width: 16.6666667%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33333333%;
    }
    .col-5 {
        width: 41.6666667%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33333333;
    }
    .col-8 {
        width: 66.6666667%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33333333%;
    }
    .col-11 {
        width: 91.6666667%;
    }
    .col-12 {
        width: 100%;
    }
}
